<template>

  <div class="home-page">
    <v-header></v-header>
    <div class="tabs">
      <van-tabs animated background="#c74c3e" color="white" line-width="35px" line-height="3px" title-inactive-color="white" title-active-color="#fffffe">

          <van-tab title="个性推荐">
             <v-references></v-references>
             <v-references_nva></v-references_nva>
             <v-recommend></v-recommend>
             <v-have_look></v-have_look>
             <v-The_latest></v-The_latest>
             <v-Anchor></v-Anchor>
             <v-slider></v-slider>
             <v-video></v-video>
          </van-tab>

          <van-tab title="主播电台">
             <v-station></v-station>
             <v-station_nva></v-station_nva>
             <v-Preferably></v-Preferably>
             <v-Boutique></v-Boutique>
             <v-creation></v-creation>

          </van-tab>

      </van-tabs>
    </div>

    <v-footer></v-footer>
  </div>
</template>

<script>
  import Header from '@/components/header/'
  import footer from "@/components/footer/"
  import references from "@/components/references/"
  import station from "@/components/station"
  import references_nva from "@/components/references_nva/"
  import station_nva from "@/components/station_nva"
  import recommend from "@/components/recommend"
  import have_look from "@/components/have_look"
  import The_latest from "@/components/The_latest"
  import Anchor from "@/components/Anchor"
  import Preferably from "@/components/Preferably"
  import Boutique from "@/components/Boutique"
  import creation from "@/components/creation"
  import slider from  "@/components/slider"
  import video from  "@/components/video"


    export default {
    name:'home',
    data(){
       return{

       }
    },
      mounted(){

      },
      methods: {

      },
      components:{
        'v-header': Header,
        'v-footer': footer,
        'v-references' : references,
        'v-station' : station,
        'v-references_nva' :references_nva,
        'v-station_nva' : station_nva,
        'v-recommend' : recommend,
        'v-have_look': have_look,
        'v-The_latest': The_latest,
        'v-Anchor': Anchor,
        "v-Preferably": Preferably,
        "v-Boutique": Boutique,
        "v-creation" :creation,
        "v-slider" :slider,
        "v-video" :video,

      }

    }
</script>

<style scoped>
    .tabs{
      margin-top: 49px;
      margin-bottom: 50px;
    }

</style>
